{extend name="base/common"/}
{block name="body"}
<!-- Page Header -->
<div class="page-header" style="background-image: url('{$category.icon|get_cover='path'}')">
    <div class="container">
        <div class="row page-section">
            <div class="col-md-8">
                <h4> </h4>
                <h1>{$category.title}</h1>
            </div>
            <div class="col-md-4">
                <a href="appointment.html" class="btn btn-linegreen pull-right mt20 mr0">make an appointment</a>
            </div>
        </div>
    </div>
</div>
<!-- /Page Header -->

<!-- Doctor section -->
<div class="ptb80">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <h1 class="heading-title">我们的教师团队</h1><h4 class="sub-title mb30">专 家</h4>
            </div>
        </div>
        <div class="row">
            {volist name="lists" id="data" mod="5" }
            {eq name="mod" value="4"}</div><div class="row" >{/eq}
            <div class="col-lg-3 col-md-3">
                <div class="dc-style-box">
                    <a href="{:url("detail?id=".$data.id)}"><img src="{$data.cover_id|get_cover='path'}" class="img-responsive" alt="Doctor 1" /></a>
                    <div class="dc-style-inner">
                        <h5><a href="{:url("detail?id=".$data.id)}">{$data.name}</a></h5>
                        <span>{$data.title}</span>
                    </div>
                </div>
            </div>
            {/volist}
        </div>
        <div class="row">
            <div class="col-md-12 text-center">
                <a href="#" class="btn btn-default">View More</a>
            </div>
        </div>
    </div>
</div>
<!-- Doctor section -->
{/block}